<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>唯品会</title>
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../js/swiper.min.css" />
  </head>
  <body>
    <nav>
      <div class="dz"><a href="">郑州</a></div>
      <div class="na">
        <a href="./dl.html">请登录</a>
        <a href="./zc.html">注册</a>
        <a href="">签到有礼</a>
        <a href="">我的订单</a>
        <a href="">我的特卖</a>
        <a href="">会员俱乐部</a>
        <a href="">客户服务</a>
        <a href="">手机版</a>
        <a href="">更多</a>
      </div>
    </nav>

    <!-- 商品分类 -->
    <aside>
      <div class="nvv">
        <a href="">
          <div class="box">
            <span>商品分类</span>
            <div class="select-box">
              <p>女装</p>
              <p>女鞋</p>
              <p>护肤</p>
              <p>运动户外</p>
              <p>家电数码</p>
              <p>母婴</p>
              <p>手表</p>
              <p>居家用品</p>
            </div>
          </div>
        </a>

        <a href="">推荐</a>
        <a href="">三折疯抢</a>
        <a href="">唯品快抢</a>
        <a href="">唯品奢</a>
        <a href="">女装</a>
        <a href="">鞋包</a>
        <a href="">运动</a>
        <a href="">母婴</a>
        <a href="">男装</a>
        <a href="">美妆</a>
        <a href="">电器</a>
        <a href="">首饰</a>
        <a href="">
          <div class="box1">
            <span>更多</span>
            <div class="sele-box1">
              <p>内衣</p>
              <p>百货</p>
              <p>食品</p>
              <p>家纺</p>
            </div>
          </div>
        </a>
      </div>
    </aside>

    <!-- 轮播图 -->

    <main>
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <a
              href="https://mst.vip.com/lMAdeEQ26HMYDx7dHWIrSQ.php?wapid=mst_100093059&_src=mst&extra_banner=0&nova=1&nova_platform=2&mst_page_type=guide"
              ><img src="../images/123.jpg" alt=""
            /></a>
          </div>
          <div class="swiper-slide"><img src="../images/456.jpg" alt="" /></div>
          <!-- <div class="swiper-slide"></div> -->
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
      </div>
    </main>

    <aabb>
      <div class="as">
        <img src="../images/15.png" alt="" />
        <div class="ad">
          <a
            href="https://h5rsc.vip.com/h5rscSupportInsuranc/h5rscSupportInsuranc/index.html"
            >100%正品</a
          >
          <a
            href="https://h5rsc.vip.com/h5rscSupportInsuranc/h5rscSupportInsuranc/index.html"
            >88元包邮</a
          >
          <a href="https://help.vip.com/commitment.php">退货无忧</a>
          <a href="./gwc.html" class="gwc">购物车</a>
        </div>
      </div>
    </aabb>
    <!-- 中间的唯品会100%正品 -->
    <footer>
      <div class="qa">
        <a
          href="https://mst.vip.com/vsm37OzAoktK2S2c75ZAlA.php?wapid=mst_100092366&_src=mst&extra_banner=115092366&nova=1&nova_platform=2&mst_page_type=guide"
        >
          <img src="../images/12.jpg" alt=""
        /></a>
      </div>
      <div class="qq">
        <a href="https://list.vip.com/101846078.html">
          <img src="../images/xi.jpg" alt=""
        /></a>
        <a href="https://list.vip.com/101846095.html">
          <img src="../images/13.jpg" alt=""
        /></a>
        <a href="https://list.vip.com/101846112.html">
          <img src="../images/14.jpg" alt="" />
        </a>
      </div>
    </footer>
 
    <!-- 每日必看专区 -->
    <figure>
      <div class="mr"><img src="../images/mr.jpg" alt="" /></div>
    </figure>
    <!-- 商品列表 -->
    <article>
      <div class="sp">
        <div class="spp" >
          <ul>
          <!-- <li>
        <h2>v.title</h2>
        <img src="${v.img_big_logo}" alt="" />
        <p>${v.price}</p>
      </li> -->

        </ul>
         </div>
       
      </div>
      <!-- 点我加入购物车 -->
      <div class="gw" ><button>加入购物车</button> </div>
 
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.5/axios.js"></script>
    <script src="../js/index.js"></script>
    <script>
      var mySwiper = new Swiper(".swiper", {
        //direction: 'vertical', // 垂直切换选项
        //loop: true, // 循环模式选项
        autoplay: true,
        loop: true,

        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
        },

        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },

        // 如果需要滚动条
        scrollbar: {
          el: ".swiper-scrollbar",
        },
      });
    </script>
  </body>
</html>
